<#include "/includes/vars.inc">  
<@pp.dropOutputFile />
<#assign fileName = "${webDir}/template.xhtml">
<#if !pp.outputFileExists(fileName)>
	<@pp.changeOutputFile name="${fileName}" />
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <f:view contentType="text/html" locale="${r"#{"}localeController.locale}"> <!-- Chrome fix -->
        <ui:insert name="metadata" />
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>
                <ui:insert name="title">${r"#{"}msg.appName}</ui:insert>
            </title>
            <style type="text/css">
                html{
                    font-size: 84%
                }
                input{
                    height: 20px;
                }
                select{
                   /*min-width: 125px;*/
                    height: 25px;
                }
                .ui-layout-bd {
                    border: 0;
                    /* minwidth a prueba... */  
                    min-width:800px;                
                }
                .ui-growl-message {
                    font-size:85%;
                }
                .ui-widget {
                    font-size: 94% !important;
                }

                .ui-button{
                    font-size: 89% !important;
                }
                .ui-datatable .ui-datatable-footer, .ui-datatable .ui-datatable-header{
                    text-align:left;
                }
                ${r"#"}top{
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 25px;
                    margin: 0;
                    padding: 2px 0px;
                    z-index:100 !important;
                    overflow:visible;
                    color:white;
                    background-color: #6C6C6C;
                    background-image: none;
                    font-size: 84%;
                }
            </style>
            <f:facet name="last">
                <h:outputStylesheet library="css" name="main.css" />
            </f:facet>
        </h:head>
        <h:body style="margin:0;">
            <p:growl id="messagePanel" life="2000" globalOnly="true" autoUpdate="true"/>
            <div id="top" style="">
                <ui:include src="top.xhtml" />
            </div>
            <div id="menu" style="margin:5px 20px;margin-top:35px;">
                <ui:include src="menu.xhtml" />
            </div>
            <div id="content" style="margin:5px 20px;">
                <ui:insert name="body" />
            </div>
        </h:body>
    </f:view>
</html>
</#if>
